﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteIntranet.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    EstadoCuenta</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Estado de Cuenta</h2>
    <link rel="stylesheet" href="<%: Url.Content("~/Content/jquery-ui.css") %>" />
    <link rel="stylesheet" href="<%: Url.Content("~/Content/jPages.css") %>" />
    <script type="text/javascript" src="<%: Url.Content("~/Scripts/jPages.js") %>"></script>
    <script type="text/javascript" src="<%: Url.Content("~/Scripts/EstadoCuenta.js") %>"></script>
    

    <div id="Registrar"></div>
    <div id="Buscar">
    <div id="propietarioEC">
        <label>Fecha Inicio</label>
        <input type="text" id="BscTbxFechaInicioP" class="text ui-widget-content ui-corner-all" style="width:325px"/>
        <br></br>

        <label>Fecha Fin</label>
        <input type="text" id="BscTbxFechaFinP" class="text ui-widget-content ui-corner-all" style="width:325px"/>
        <br></br>
        <center>
            <input type="submit" id = "BscBtnBuscarECP" value="Buscar" class="submit-button" style="margin-left:auto; width:auto;"/>
            <input type="submit" id = "BscBtnCancelarECP" value="Cancelar" class="submit-button" style="margin-left:5px; width:auto;"/>
            <input type="submit" id = "BscBtnLimpiarECP" value="Limpiar" class="submit-button" style="margin-left:5px; margin-right:auto; width:auto;"/>
        </center>
        <br></br>
        <center>
            <div id = "TablaDinamicaECMP"></div>
            <div class="holder" id="holderECMP"></div>
            <input type="submit" id = "BscBtnDetalleMensual" value="Detalle Mensual" class="submit-button"/>
            <br></br>
            <div id = "TablaDinamicaECEP"></div>
            <div class="holder" id="holderECEP"></div>
            <input type="submit" id = "BscBtnDetalleExtraordinario" value="Detalle Mensual" class="submit-button"/>
            <br></br>
            <div id="mensajeECP"></div>
        </center>       
    </div>

    <div id="administradorEC">
    <br></br>
    <label>Departamento</label>
    <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
    <select id="BscSctDepartamentoLugar" class="text ui-widget-content ui-corner-all" onchange="cargarProvincias(); cargarEdificios()"></select>
    <br></br>

    <label>Provincia</label>
    <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
    <select id="BscSctProvincia" class="text ui-widget-content ui-corner-all" onchange="cargarDistritos(); cargarEdificios()""></select>
    <br></br>
    
    <label>Distrito</label>
    <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
    <select id="BscSctDistrito" class="text ui-widget-content ui-corner-all" onchange="cargarEdificios()"></select>
    <br></br>

    <label>Edificio</label>
    <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
    <select id="BscSctEdificio" class="text ui-widget-content ui-corner-all" onchange="cargarPisos()"></select>
    <br></br>

    <label>Piso</label>
    <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
    <select id="BscSctPiso" class="text ui-widget-content ui-corner-all" onchange="cargarDepartamentos()"></select>
    <br></br>

    <label>Departamento</label>
    <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
    <select id="BscSctDepartamento" class="text ui-widget-content ui-corner-all"></select>
    <br></br>

    <label>Fecha Inicio</label>
    <input type="text" id="BscTbxFechaInicioA" class="text ui-widget-content ui-corner-all" style="width:325px"/>
    <br></br>

    <label>Fecha Fin</label>
    <input type="text" id="BscTbxFechaFinA" class="text ui-widget-content ui-corner-all" style="width:325px"/>
    <br></br>
    <center>
        <input type="submit" id = "BscBtnBuscarA" value="Buscar" class="submit-button" style="margin-left:auto; width:auto;"/>
        <input type="submit" id = "BscBtnCancelarA" value="Cancelar" class="submit-button" style="margin-left:5px; width:auto;"/>
        <input type="submit" id = "BscBtnLimpiarA" value="Limpiar" class="submit-button" style="margin-left:5px; margin-right:auto; width:auto;"/>
    </center>
    <br></br>
    <br></br>
    <center>
        <div id = "TablaDinamicaPropietarios" ></div>
        <div class="holder" id="holderP"></div>
        <div><input type="submit" id = "BscBtnExportar" value="Exportar" class="submit-button" style="margin-left:auto; margin-right:auto; width:auto;"/></div>
    </center>
    <br></br>
</div>
    <%--</div>--%>

    <div id="modalDetalle" title="ESTADO CUENTA">
        <label id="BvmLblNumDetalle" style="display:none" ></label>
        <br></br>
        <center>
            <div id = "TablaDinamicaCMP"></div>
            <div class="holder" id="holderCMP"></div>
            <br></br>
            <div id = "TablaDinamicaCEP"></div>
            <div class="holder" id="holderCEP" align="center"></div>
            <br></br>
            <div id="mensaje"></div>
        </center>
    </div>

    <div id="modalDetalleCM" title="CUOTA CUENTA">
        <label id="Label1" style="display:none" ></label>
        <br></br>
        <center>
            <div id = "Div2"></div>
            <div class="holder" id="Div3"></div>
            <br></br>
            <div id = "Div4"></div>
            <div class="holder" id="Div5" align="center"></div>
            <br></br>
            <div id="Div6"></div>
        </center>
    </div>
    </div>

    <div id="Modificar"></div>
    <div id="Eliminar"></div>

</asp:Content>
